<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>The ZUU</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/styles.css" rel="stylesheet">
    
  </head>
  <body>
  <div class="container" style="background: white;">
  	<div id="header">
  		<div id="header_upper" class="container">
  			<div class="row">
  				<div id="logo" class="span4">
  					<a style="font-size:36px" href="index.html">Your Logo is Here</a>
  				</div>
  			</div>
  			
  		</div>
  		<div class="navbar">
  			<div class="navbar-inner">
  				<div class="container">
  					<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
  					<div class="nav-collapse">
  						<ul class="nav">
	  							<li class="active"><a href="#">Home</a></li>
	  							<li class="dropdown">
	  								<a href="collection.html" data-toggle="dropdown" class="dropdown-toggle">Collections<b class="caret"></b></a>
	  								<ul class="dropdown-menu">
	  									<li><a href="collection.html">Sub Collection 1</a></li>
	  									<li><a href="collection.html">Sub Collection 2</a></li>
	  								</ul>
	  							</li>
	  							<li><a href="#">Payment&Order</a></li>
	  							<li><a href="#">Promotions</a></li>
	  							<li><a href="#">Contact</a></li>
	  							<li><a href="gallery.html">Gallery</a></li>
	  						</ul>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  	<!-- Begin product list -->
  	<div class="row" style="margin-left: 10px; margin-right: 10px;">
  		<div class="span3">
  			<div class="well">
  				<p class="well-header">Our Collections</p>
  				<ul class="nav nav-list">
  					<li class="active"><a href="#">Home</a></li>
  					<li class="divider"></li>
  					<li class="nav-header">Collections</li>
  					<li><a href="#">Sub collection 1</a></li>
  					<li><a href="#">Sub collection 2</a></li>
  					<li class="divider"></li>
  					<li><a href="#">Payment&Order</a></li>
  					<li><a href="#">Promotions</a></li>
  					<li><a href="#">Contact</a></li>
  					<li><a href="#">Gallery</a></li>
  				</ul>
  			</div>
  		</div>
  		<div class="span9" style="margin-left: 0px;">
  			<div class="row-fluid">
  			<div class="hero-unit" style="margin-left: 10px;">
  				<h2>H.E.R Collection</h2>
  				<p>Put some introduction here</p>
  			</div>
  			<ul class="thumbnails" style="margin: 0px;">
	  			<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img3.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
  						</div>
  					</div>
	  			</li>
  				<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img1.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
	  					</div>
  					</div>
  				</li>
  				<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img3.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
	  					</div>
  					</div>
  				</li>
  				<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img1.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
	  					</div>
  					</div>
  				</li>
  				<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img1.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
	  					</div>
  					</div>
  				</li>
  				<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img1.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
	  					</div>
  					</div>
  				</li>
  				<li class="spanproductlist">
  					<div class="thumbnail1">
  						<img src="assets/images/col1-img1.jpg">
  						<div class="caption">
  							<a href="product.html"><h5>col1-img1</h5></a>
  							<p>Comment blah blah...</p>
  							<strong>500.000 VND</strong>
	  					</div>
  					</div>
  				</li>
  			</ul>
  			</div>
  		</div>
  </div>
  <!-- Begin footer-->
  		<div class="modal-footer">
	  		<div class="row">
	  			<div id="footer_links" class="span12">
	  				<div class="span4 copyright">Copyright © 2012 The ZUU</div>
	  				<ul class="span7 unstyled ">
							<li><a href="#">Help</a></li>
							<li><a href="#">Contacts</a></li>
							<li><a href="#">About us</a></li>
					</ul>
	  			</div>
	  		</div>
  		</div>
  		<!-- End footer-->
 </div> 
  <!-- Begin footer-->
  
  <!-- End footer-->
  <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/google-code-prettify/prettify.js"></script>
    <script src="assets/js/bootstrap-transition.js"></script>
    <script src="assets/js/bootstrap-alert.js"></script>
    <script src="assets/js/bootstrap-modal.js"></script>
    <script src="assets/js/bootstrap-dropdown.js"></script>
    <script src="assets/js/bootstrap-scrollspy.js"></script>
    <script src="assets/js/bootstrap-tab.js"></script>
    <script src="assets/js/bootstrap-tooltip.js"></script>
    <script src="assets/js/bootstrap-popover.js"></script>
    <script src="assets/js/bootstrap-button.js"></script>
    <script src="assets/js/bootstrap-collapse.js"></script>
    <script src="assets/js/bootstrap-carousel.js"></script>
    <script src="assets/js/bootstrap-typeahead.js"></script>
    <script src="assets/js/application.js"></script>
  </body>
</html>